<template>
  <div>
    <ul>
      <li>序号--名字</li>
      <li v-for="(item, index) in list" :key="item.id">
        {{ index + 1 }}--{{ item.name }}
        <slot :id="item.id"></slot>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  props: {
    list: Array,
  },
};
</script>
<style scoped>
  ul,
  li {
    list-style: none;
  }
  li {
    line-height: 30px;
    padding: 5px 10px;
  }
  li:nth-child(2n) {
    background-color: rgb(190, 210, 247);
  }
  button {
    float: right;
  }
</style>